packages/theme-saas/src/crop/index.less (2)

1-588: Consider adding tests and documentation for CSS visual behavior changes.

This PR makes visual modifications to the crop component (hiding specific buttons, adding a separator style) but the PR checklist indicates tests and docs were not added. For CSS changes that affect user-facing layout and button visibility, consider:

1. Visual regression tests: Capture snapshots of the crop component with the new styles to catch unintended visual regressions.
2. Documentation: Document why specific iconButton children are hidden (indices 2, 7, 10) and what the split modifier represents, perhaps via inline comments or a design system guide.
3. E2E tests: If the hidden buttons affect user workflows, verify the intended behavior is preserved.

These will help future maintainers understand the design intent and catch breakage early.

---

10-14: Refactor nth-child hiding to use semantic .iconButton__split selector.

The nth-child(2, 7, 10) selectors hide visual separators in the toolbar, but this approach is brittle—any reordering of the renderIcon array breaks the styling. Since the template already marks separators with the semantic class iconButton__split, use that instead:

  .iconButton:nth-child(2),
  .iconButton:nth-child(7),
  .iconButton:nth-child(10) {
    display: none;
  }

Replace with:

  .iconButton__split {
    display: none;
  }

This eliminates the maintainability risk while leveraging the existing semantic markup.

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro